<script setup lang="ts">
import { type VideoCardData } from "~/components/Card/type"

const homePageData = ref<VideoCardData[]>([
  {
    videoId: "a",
    playTimes: 33,
    danmus: 444,
    duration: "22:22",
    cover: "https://picsum.photos/200/300",
    title: "测试",
    upMaster: "一个狠人",
    date: "01-01"
  }
])
</script>
<template>
  <div class="home">
    <LayoutHeaderDefault></LayoutHeaderDefault>
    <main>
      <CardVideo
        v-for="item in homePageData"
        :data="item"
        :key="item.videoId"
      ></CardVideo>
    </main>
  </div>
</template>
<style lang="less" scoped>
.home {
  height: 200vh;
}
</style>
